<template>
    <div class="home">
        <Header />
        <el-container class="content">
            <Aside />
            <el-container>
                <el-main>
                    <Bread/>
                    <div class="cont">
                        <router-view></router-view>
                    </div>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import Header from "../bussiness/common/Header.vue";
    import Aside from "../bussiness/common/Aside.vue";
    import Bread from '../bussiness/common/Breadcrumb.vue'
    export default {
        components: {
            Header,
            Aside,
            Bread
        },
        data() {
            return {};
        },
    };
</script>

<style lang="scss" scoped>
    .home {
        width: 100%;
        height: 100%;
        .content {
            position: absolute;
            width: 100%;
            top: 60px;
            bottom: 0;
            .cont {
                margin: 20px 0;
            }
        }
    }
</style>
